<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>ASN材料科学信息</title>
    <meta name="description" content="站在最前沿,关注世界最新的材料科学信息!">
    <link rel="stylesheet" href="static/layui/css/layui.css">
    <link rel="stylesheet" href="static/style.css">
</head>
<body>
<header>
    <div class="logo">
        <img src="static/images/logo.png" alt="">
    </div>
    <nav class="layui-clear">
        <ul>
            <li>
                <a href="">新闻<span class="layui-icon layui-icon-triangle-d"></span></a>
                <div class="nchild">
                    <dl>
                        <dt><a href="">健康</a></dt>
                        <dd><a href="">生物系统</a></dd>
                        <dd><a href="">疾病预防</a></dd>
                        <dd><a href="">再生医学</a></dd>
                        <dd><a href="">诊断诊疗</a></dd>
                    </dl>
                    <dl>
                        <dt><a href="">可持续</a></dt>
                        <dd><a href="">能源</a></dd>
                        <dd><a href="">环境</a></dd>
                        <dd><a href="">食品和水</a></dd>
                    </dl>
                    <dl>
                        <dt><a href="">科技</a></dt>
                        <dd><a href="">生物技术</a></dd>
                        <dd><a href="">电子器件</a></dd>
                        <dd><a href="">微纳米技术</a></dd>
                        <dd><a href="">加工技术</a></dd>
                        <dd><a href="">光学</a></dd>
                        <dd><a href="">传感器</a></dd>

                    </dl>
                    <dl>
                        <dt><a href="">基础科学</a></dt>
                        <dd><a href="">化学</a></dd>
                        <dd><a href="">生命科学</a></dd>
                        <dd><a href="">物理学</a></dd>
                        <dd><a href="">高分子科学</a></dd>
                    </dl>
                    <dl>
                        <dt><a href="">最近新闻</a></dt>
                    </dl>
                </div>
            </li>
            <li><a href="">视频</a></li>
            <li><a href="">求职招聘</a></li>
            <li><a href="">天下英才</a></li>
            <li><a href="">博客</a></li>
        </ul>
        <div class="bdsharebuttonbox fr">
            <a class="bds_more" href="#" data-cmd="more"></a>
            <a title="分享到新浪微博" class="bds_tsina" href="#" data-cmd="tsina"></a>
            <a title="分享到微信" class="bds_weixin" href="#" data-cmd="weixin"></a>
            <a title="分享到QQ好友" class="bds_sqq" href="#" data-cmd="sqq"></a>
            <a title="分享到Facebook" class="bds_fbook" href="#" data-cmd="fbook"></a>
            <a title="分享到linkedin" class="bds_linkedin" href="#" data-cmd="linkedin"></a>
        </div>
        <script>
            window._bd_share_config = {
                "common": {
                    "bdSnsKey": {},
                    "bdText": "",
                    "bdMini": "2",
                    "bdMiniList": false,
                    "bdPic": "",
                    "bdStyle": "0",
                    "bdSize": "16"
                },
                "share": {},
                "image": {
                    "viewList": ["tsina", "weixin", "sqq", "fbook", "linkedin"],
                    "viewText": "分享到：",
                    "viewSize": "16"
                },
                "selectShare": {
                    "bdContainerClass": null,
                    "bdSelectMiniList": ["tsina", "weixin", "sqq", "fbook", "linkedin"]
                }
            };
            with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];
        </script>
    </nav>
</header>
<section class="container banner fc">
    <div class="layui-row">
        <div class="layui-col-lg6 b">
            <a href="">
                <img src="static/images/b1.jpg" alt="">
                <div class="info">
                    <span>Biotechnology</span>
                    <p class="s32">Stimuli-Responsive Drug Delivery: A New Way To Treat Gout</p>
                </div>
            </a>
        </div>
        <div class="layui-col-lg3 b">
            <a href="">
                <img src="static/images/b2.jpg" alt="">
                <div class="info">
                    <span>Biotechnology</span>
                    <p>Stimuli-Responsive Drug Delivery: A New Way To Treat Gout</p>
                </div>
            </a>
        </div>
        <div class="layui-col-lg3">
            <div class="b" style="height: 185px;">
                <a href="">
                    <img src="static/images/b3.jpg" alt="">
                    <div class="info">
                        <span>Biotechnology</span>
                        <p>Stimuli-Responsive Drug Delivery: A New Way To Treat Gout</p>
                    </div>
                </a>
            </div>
            <div class="b" style="height: 185px;">
                <a href="">
                    <img src="static/images/b4.png" alt="">
                    <div class="info">
                        <span>Biotechnology</span>
                        <p>Stimuli-Responsive Drug Delivery: A New Way To Treat Gout</p>
                    </div>
                </a>
            </div>
        </div>
    </div>
</section>
<section class="container fc layui-clear">
    <div class="con-left bg-white">
        <div class="box">
            <ul class="list layui-clear">
                <li>
                    <a href="">
                        <img src="static/images/p1.jpg" alt="">
                        <h3>可再造型、自修复的多功能石墨烯复合材料</h3>
                        <span>2018-08-14</span>
                        <p>清华大学材料学院朱宏伟教授团队将具有丰富官能团的氧化石墨烯加入仿生矿化凝胶体系，形成氧化石墨烯、无定形碳酸钙纳米粒子、聚丙烯酸交联网络结构。</p>

                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="static/images/p2.jpg" alt="">
                        <h3>可再造型、自修复的多功能石墨烯复合材料</h3>
                        <span>2018-08-14</span>
                        <p>清华大学材料学院朱宏伟教授团队将具有丰富官能团的氧化石墨烯加入仿生矿化凝胶体系，形成氧化石墨烯、无定形碳酸钙纳米粒子、聚丙烯酸交联网络结构。</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="static/images/p3.jpg" alt="">
                        <h3>可再造型、自修复的多功能石墨烯复合材料</h3>
                        <span>2018-08-14</span>
                        <p>清华大学材料学院朱宏伟教授团队将具有丰富官能团的氧化石墨烯加入仿生矿化凝胶体系，形成氧化石墨烯、无定形碳酸钙纳米粒子、聚丙烯酸交联网络结构。</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="static/images/p4.jpg" alt="">
                        <h3>可再造型、自修复的多功能石墨烯复合材料</h3>
                        <span>2018-08-14</span>
                        <p>清华大学材料学院朱宏伟教授团队将具有丰富官能团的氧化石墨烯加入仿生矿化凝胶体系，形成氧化石墨烯、无定形碳酸钙纳米粒子、聚丙烯酸交联网络结构。</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="static/images/p5.png" alt="">
                        <h3>可再造型、自修复的多功能石墨烯复合材料</h3>
                        <span>2018-08-14</span>
                        <p>清华大学材料学院朱宏伟教授团队将具有丰富官能团的氧化石墨烯加入仿生矿化凝胶体系，形成氧化石墨烯、无定形碳酸钙纳米粒子、聚丙烯酸交联网络结构。</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="static/images/p6.png" alt="">
                        <h3>可再造型、自修复的多功能石墨烯复合材料</h3>
                        <span>2018-08-14</span>
                        <p>清华大学材料学院朱宏伟教授团队将具有丰富官能团的氧化石墨烯加入仿生矿化凝胶体系，形成氧化石墨烯、无定形碳酸钙纳米粒子、聚丙烯酸交联网络结构。</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="static/images/p7.png" alt="">
                        <h3>可再造型、自修复的多功能石墨烯复合材料</h3>
                        <span>2018-08-14</span>
                        <p>清华大学材料学院朱宏伟教授团队将具有丰富官能团的氧化石墨烯加入仿生矿化凝胶体系，形成氧化石墨烯、无定形碳酸钙纳米粒子、聚丙烯酸交联网络结构。</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="static/images/p8.png" alt="">
                        <h3>可再造型、自修复的多功能石墨烯复合材料</h3>
                        <span>2018-08-14</span>
                        <p>清华大学材料学院朱宏伟教授团队将具有丰富官能团的氧化石墨烯加入仿生矿化凝胶体系，形成氧化石墨烯、无定形碳酸钙纳米粒子、聚丙烯酸交联网络结构。</p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="page">
            <div id="test1"></div>
        </div>
    </div>
    <div class="con-right">
        <div class="box-r bg-white">
            <span class="line"></span>
            <div class="cate">最新信息</div>
            <ul>
                <li><a href="">基于三(8-羟基喹啉)铝为核心的厚膜不敏感有机小分子阴极界面材料</a></li>
                <li><a href="">微图案化金纳米线/PAAm弹性复合水凝胶及其可穿戴压力传感器应用</a></li>
                <li><a href="">Advanced Materials Interfaces 热点文章排行榜Top 10 （2018年8月）</a></li>
                <li><a href="">Advanced Functional Materials: 胰岛素长效智能释药系统研究</a></li>
            </ul>
        </div>
    </div>
</section>

<footer class="layui-clear">
    Copyright @ 2018
</footer>

<script src="static/layui/layui.js"></script>
<script>
    layui.use(['layer', 'form'], function () {
        var layer = layui.layer
            , form = layui.form;
    });

    layui.use('laypage', function(){
        var laypage = layui.laypage;

        //执行一个laypage实例
        laypage.render({
            elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
            ,count: 50 //数据总数，从服务端得到
        });
    });
</script>
</body>
</html>